<!doctype html>
<html lang="zh-CN">
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
		<!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
		<title></title>
		<!-- Bootstrap -->
		<link rel="stylesheet" href="tools/bootstrap-3.4.1-dist/css/bootstrap.min.css" />

		<script src="tools/bootstrap-3.4.1-dist/js/bootstrap.min.js"></script>
	</head>
	<body>
		<div id='header'></div>
		<img src="img/app_banner.png" style="width: 100%;height: auto;" />


		<!-- <div class="row ">
		        <div class="col-xs-6 col-sm-3" style="background-color: #dedef8;
		        box-shadow: inset 1px -1px 1px #444, inset -1px 1px 1px #444;">
		            <span class="hidden-xs">特别小型</span>
		            <span class="visible-xs">✔ 在特别小型设备上可见</span>
		        </div>
		        <div class="col-xs-6 col-sm-3" style="background-color: #dedef8;
		        box-shadow: inset 1px -1px 1px #444, inset -1px 1px 1px #444;">
		            <span class="hidden-sm">小型</span>
		            <span class="visible-sm">✔ 在小型设备上可见</span>
		        </div>
		        <div class="clearfix visible-xs"></div>
		        <div class="col-xs-6 col-sm-3" style="background-color: #dedef8;
		        box-shadow: inset 1px -1px 1px #444, inset -1px 1px 1px #444;">
		            <span class="hidden-md">中型</span>
		            <span class="visible-md">✔ 在中型设备上可见</span>
		        </div>
		        <div class="col-xs-6 col-sm-3" style="background-color: #dedef8;
		        box-shadow: inset 1px -1px 1px #444, inset -1px 1px 1px #444;">
		            <span class="hidden-lg">大型</span>
		            <span class="visible-lg">✔ 在大型设备上可见</span>
		        </div>
		    </div> -->

		<div style="background: #fff;">
			<div class="container" style="padding: 2rem 0;">
				<h3>桃李教育APP下载</h3>

				<div class="row " style="margin-top: 1.5rem;">
					<div class="col-xs-12 col-sm-6"
						style="justify-content: space-between; display: flex; padding: 1rem 1.5rem; box-shadow: 0px 2px 16px rgba(197, 197, 197, 0.3);">
						<div>
							<div>
								<img src="img/logo.png" style="width: 4rem;height: 4rem;" />
								<span style="color: #333;font-size: 1.1rem;margin-left: 1.5rem;">桃李教育学生端</span>
							</div>
							<div class="" style="display: flex;margin-top: 2rem;">
								<div>
									<img src="img/ios_icon.png"
										style="margin: 0 1rem 0rem 0; width: 1.3rem;height: 1.3rem;" />
									<span style="color: #999999;">Android版</span>
								</div>
								<div style="margin-left: 2rem;">
									<img src="img/android_icon.png"
										style="margin: 0 1rem;width: 1.3rem;height: 1.3rem;" />
									<span style="color: #999999;">Iphone版</span>
								</div>
							</div>
						</div>
						<div style="text-align: center;margin-left: 4rem;">
							<img src="img/qr.png" style="width: 6rem;height: 6rem;" />
							<div style="color: #999;margin-top: 0.2rem;">手机扫码下载</div>
						</div>
					</div>
					<div class="col-xs-12 col-sm-6  col-sm-offset-0.5"
						style=" justify-content: space-between; display: flex; padding: 1rem 1.5rem; box-shadow: 0px 2px 16px rgba(197, 197, 197, 0.3);">
						<div>
							<div>
								<img src="img/logo.png" style="width: 4rem;height: 4rem;" />
								<span style="color: #333;font-size: 1.1rem;margin-left: 1.5rem;">桃李教育学生端</span>
							</div>
							<div class="" style="display: flex;margin-top: 2rem;">
								<div>
									<img src="img/ios_icon.png"
										style="margin: 0 1rem 0rem 0; width: 1.3rem;height: 1.3rem;" />
									<span style="color: #999999;">Android版</span>
								</div>
								<div style="margin-left: 2rem;">
									<img src="img/android_icon.png"
										style="margin: 0 1rem;width: 1.3rem;height: 1.3rem;" />
									<span style="color: #999999;">Iphone版</span>
								</div>
							</div>
						</div>
						<div style="text-align: center;margin-left: 4rem;">
							<img src="img/qr.png" style="width: 6rem;height: 6rem;" />
							<div style="color: #999;margin-top: 0.2rem;">手机扫码下载</div>
						</div>
					</div>


				</div>
			</div>

		</div>
		<div id="footer"></div>
	</body>
	<script src="tools/jQueryDownload/jquery-3.1.1.min.js"></script>
	<script>
		$("#header").load("common/header/index.html");

		$("#footer").load("common/footer/index.html");
	</script>
</html>
